<template>
	<view class="scroll">
		<scroll-view scroll-x="true" class="scroll-row">
			<view class="scroll-row-item" v-for="(item,index) in attrs" :key="index">
				<view style="width: 170rpx;height: 140rpx;" class="d-flex flex-column j-center text-center"></view>
				<view class="iconfont icon-cpu line-h-sm"></view>
				<view>{{item.name}}</view>
				<view>{{item.value}}</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		name: "scroll-attrs",
		data() {
			return {

			};
		},
		props: {
			attrs: {
				type: Array

			}
		}
	}
</script>

<style scoped>
.scroll{
	margin-top: -120rpx;
}
</style>